<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title>下拉刷新+自动加载</title>
    <link href="//code.ionicframework.com/1.0.0-beta.14/css/ionic.min.css" rel="stylesheet">
    <!-- ionic/angularjs js -->
    <script src="//code.ionicframework.com/1.0.0-beta.14/js/ionic.bundle.min.js"></script>
    <script src="test.js"></script>
</head>
<body ng-app="app">
<ion-nav-view></ion-nav-view>

<script id="views/app.html" type="text/ng-template">
    <ion-view>
        <ion-header-bar class="bar-calm">
            <h1 class="title">古龙武侠 · 十大高手</h1>
        </ion-header-bar>
        <ion-content>
            <ion-refresher pulling-text="下拉随机更新<br />编号手动添加，为了标识更新" on-refresh="doRefresh()"></ion-refresher>
            <div class="list">
                <a class="item item-avatar" href="#" ng-repeat="twitt in twitts">
                    <img ng-src="{{twitt.user.avatar}}">
                    <h2>{{twitt.user.name}}</h2>
                    <p>{{twitt.content}}</p>
                </a>
            </div>
            <ion-infinite-scroll on-infinite="loadMore()" distance="1%"></ion-infinite-scroll>
        </ion-content>
    </ion-view>
</script>
</body>
</html>
